<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<link rel="stylesheet" href="${initParam.root}css/indiwood-ui.css"
	type="text/css">
<script type="text/javascript">
$(document).ready(function(){
	$(".action[name=content_submit]").click(function(){
	if($(":input[name=title]").val()==""){
		alert("제목을 입력하세요");
		return;
	}
	if($(":input[name=content]").val()==""){
		alert("내용을 입력하세요");
		return;
	}
	if ($(":input[name=imagePath]").val() == "") {
        alert("그림을 선택하세요");
        return;
     }
	if($(":input[name=videoPath]").val()==""){
		alert("영상을 등록하세요!");
		return;
	}

	$("form[name=write_form]").submit();
	
	});
	$(".action[name=cancel]").click(function(){
		//alert("cancel");
		$("form[name=write_form]")[0].reset();
	});
});
	$(document).ready(function(){
          function readURL(input) {
              if (input.files && input.files[0]) {
                  var reader = new FileReader(); //파일을 읽기 위한 FileReader객체 생성
                  reader.onload = function (e) { //파일 읽어들이기를 성공했을때 호출되는 이벤트 핸들러
                      $('#blah').attr('src', e.target.result); //이미지 Tag의 SRC속성에 읽어들인 File내용을 지정 (아래 코드에서 읽어들인 dataURL형식)
                  }
                  reader.readAsDataURL(input.files[0]); 
                  }//File내용을 읽어 dataURL형식의 문자열로 저장
          }//readURL()-- file 양식으로 이미지를 선택(값이 변경) 되었을때 처리하는 코드
          $("#imgInp").change(function(){
              readURL(this);
          });
	});
</script>
<h3>우리들이 만든 영화 - 등록</h3>
<hr align="left" width="150">
<center>
	<form action="${initParam.root }production/write.do" method="post"
		name="write_form" enctype="multipart/form-data">
		<input type="hidden" name="memberEmail"
			value="${sessionScope.mvo.email }">
		<table class="inputForm">
			<tbody>
				<tr>
					<td>제목</td>
					<td><input type="text" name="title" id="title"></td>
				</tr>
				<tr>
					<td>닉네임</td>
					<td><input type="text" value="${sessionScope.mvo.nick }"></td>
				</tr>
				<tr>
					<td colspan="4" align="left"><textarea cols="53" rows="15"
							name="content"></textarea></td>
				</tr>
				<tr>
					<td>예고편 경로</td>
					<td align="left"><input type="text" name="videoPath"
						id="videoPath"></td>
				</tr>
				<tr>
					<td>이미지 업로드</td>
					<td><input type="file" name="uploadFile" size="48" id="imgInp"> <img id="blah" src="content"
						alt="your image" width="100" height="100" /></td>
				</tr>
				<tr>
					<td colspan="4" align="center"><img class="action"
						src="${initParam.root}img/write_btn.jpg" alt="글입력"
						name="content_submit"> <img class="action"
						src="${initParam.root}img/cancel.gif" name="cancel"></td>
				</tr>
			</tbody>
		</table>
	</form>
</center>